<!DOCTYPE html>
<html>
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<link rel="shortcut icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/> 
<meta name="format-detection" content="telephone=no" />
<meta name="keywords" content="贷款计算器,最新贷款计算器,2016贷款计算器" />
<meta name="description" content="房产网为购房者提供2016最新房贷计算器及各种在线购房工具。可以进行商业贷款、公积金贷款、组合贷款等多种计算。" />
<title>最新房贷计算器 </title>
<link type="text/css" rel="styleSheet" href="jsq2016.css" />
<script type="text/javascript" charset="utf-8" src="jsq2016-1.js"></script>
</head>
<body>
	<div class="wrapper" data-id="sd" id="dayMode">
        <header id="nav_header" class="pr">
        <h1>房贷计算器</h1>
        <a href="javascript:void(0);" onClick="history.back(-1)" class="back"><span></span></a>
        <ul>
            <li id="setBtn" bosszone="boss3355,caculator-navigation"><a class="setDown" href="javascript:;"><span></span></a></li>
        </ul>
    </header>
		<nav id="lightNav" class="nav hide">
		<ul style="padding:0;">
		<li><a href="../index.php" class="">首页</a></li>
		<li><a href="../index.php?moduleid=6" class="">新房</a></li>
		<li><a href="../index.php?moduleid=5" class="">二手房</a></li>
		<li><a href="../index.php?moduleid=7" class="">租房</a></li>
		<li><a href="../index.php?moduleid=8" class="">资讯</a></li>
		</ul>
		</nav>
		<script>
		    var setBtn = document.getElementById("setBtn");
		    var lightNav = document.getElementById("lightNav");
		    var aSet = setBtn.getElementsByTagName("a")[0];

		    setBtn.onclick = function () {
		        aSet.className = aSet.className == "setDown" ? "setUp" : "setDown";
		        lightNav.className = lightNav.className == "nav" ? "nav hide" : "nav";
		    };
		</script>
    <div id="tab_nav" class="tab_nav">
		<ul>
		<li class="nav_t"><a href="index.html" bosszone="boss3355,caculator-businessLoan" class="tab_sd">商业贷</a></li><li class="over nav_t"><a href="gjj.html" bosszone="boss3355,caculator-providentLoan" class="tab_gjj">公积金贷</a></li><li class="nav_t"><a href="zhd.html" bosszone="boss3355,caculator-syndicatedLoan" class="tab_zh">组合贷</a></li><li class="nav_t"><a href="sfjs.html" bosszone="boss3355,caculator-tax" class="tab_sf">税费计算</a></li>
		</ul>
	</div>
	<section class="choose proportions">
		<!--商业贷-->
		<div class="chooseBox sameLoan" id="sdgjj">
			<ul>
				<li class="lookfocus total_price clearfix" id="fkzj">
					<span class="tt">
						房款总价:
					</span>
					<span class="detail tt">
						<input type="tel" value="100" name="fkzj" id="" maxlength="8">万元
					</span>
				</li>
				<li id="" class="clearfix payment_ratio">
					<a href="javascript:;">
						<span class="tt">
							首付比例:
						</span>
						<span class="detail jump proportion arr_rt">
							<input type="hidden" name="sfbl" value="0.3" class="sfbl">
							<span class="num_w">3成(30万元)</span>
						</span>
					</a>
				</li>
				<li class="lookfocus clearfix total_loan" id="aze">
					<span class="tt">
						贷款总额:
					</span>
					<span class="detail">
						<input type="tel" value="70" name="dkze" id="dkze" maxlength="8">万元
					</span>
				</li>
				<li id="ajns" class="clearfix mortgage_year">
					<span class="tt">
						按揭年数:
					</span>
					<span class="detail jump arr_rt">
						<select name="year">
							<option value="12">1年（12期）</option><option value="24">2年（24期）</option><option value="36">3年（36期）</option><option value="48">4年（48期）</option><option value="60">5年（60期）</option><option value="72">6年（72期）</option><option value="84">7年（84期）</option><option value="96">8年（96期）</option><option value="108">9年（108期）</option><option value="120">10年（120期）</option><option value="132">11年（132期）</option><option value="144">12年（144期）</option><option value="156">13年（156期）</option><option value="168">14年（168期）</option><option value="180">15年（180期）</option><option value="192">16年（192期）</option><option value="204">17年（204期）</option><option value="216">18年（216期）</option><option value="228">19年（228期）</option><option value="240" selected="">20年（240期）</option><option value="252">21年（252期）</option><option value="264">22年（264期）</option><option value="276">23年（276期）</option><option value="288">24年（288期）</option><option value="300">25年（300期）</option><option value="312">26年（312期）</option><option value="324">27年（324期）</option><option value="336">28年（336期）</option><option value="348">29年（348期）</option><option value="360">30年（360期）</option>
						</select>
					</span>
				</li>
				<li id="lilv" class="clearfix lilv">
					<a class="arr_rtlv" href="javascript:;" data-sof="2.75" data-sft="3.25">
				<span class="tt">利率:</span><span class="xslv">15年10月24日基准利率</span>		
				<div class="interestRate">
					<input name="rate" type="text" readonly="readonly" value="3.25%" id="sdgjjinterrest">
				</div>
				</a>
				</li>				
				<li id="zidy" class="hide zidy">
					<span class="llTitle tt">
						自定义利率:
					</span>
					<span class="detail llTxt interestRate arr_rt">
						<input class="zdylv" type="text" readonly="readonly" value="4.59%" id="zdylv" style="width:30%;color:#111;border:none;background:none;">
					</span>
				</li>	
			</ul>
			<a id="calculateBtn" bosszone="sdgjjcal" class="sydk">开始计算</a>
		</div>
        <p class="calCopy" style=" display:none;"><span>购房网 &#169; 购房网版权所有</span></p>
	</section>
	
	<!--选择常用首付比例-->
	<div class="choose hide" id="sfbl" title="选择常用首付比例">
		<ul class="sf-ratio">
			<li><a data-value="0.1" href="javascript:;">一成</a></li>
			<li><a data-value="0.2" href="javascript:;">二成</a></li>
			<li class="dui"><a data-value="0.3" href="javascript:;">三成</a></li>
			<li><a data-value="0.4" href="javascript:;">四成</a></li>
			<li><a data-value="0.5" href="javascript:;">五成</a></li>
			<li><a data-value="0.6" href="javascript:;">六成</a></li>
			<li><a data-value="0.7" href="javascript:;">七成</a></li>
			<li><a data-value="0.8" href="javascript:;">八成</a></li>
			<li style="width:100%"><a data-value="0.9" href="javascript:;">九成</a></li>
		</ul>
		<ul>
			<li>
				<span>自定义：<input type="tel" value="70" class="custom-inp">万元</span>
				<span class="sub-btn btns">确定</span>
			</li>
		</ul>
	</div>

	<!-- 环形图 -->
	<div class="chart choose hide" id="hxt">
		<ul class="tt-tab">
			<li class="active"><a href="javascript:;" class="debx">等额本息</a></li>
			<li><a href="javascript:;" class="debj">等额本金</a></li>
		</ul>
		<div id="debx" class="tab-content hxt">
			<h3 class="m_mouth">Tips:每月还款金额固定，所还总利息较多</h3>
			<div class="c_container">
				<div class="chart"><h1>平均月供</h1><h2>12345</h2></div>
				<canvas id="doughnut-debx"></canvas>
			</div>
			<a href="javascript:;" class="detail-m" bosszone="boss3355,caculator-detail">查看详细月供&gt;</a>
			<div class="chart-list h-debx"></div>
			<p class="bottom-tips">以上结果仅供参考</p>
		</div>
		<div id="debj" class="hxt">
			<h3 class="m_mouth">Tips:每月还款本金固定，所还总利息较少</h3>
			<div class="c_container"><div class="chart"><h1>平均月供</h1><h2>23333</h2></div><canvas id="doughnut-debj"></canvas></div>
			<a href="javascript:;" class="detail-m" bosszone="boss3355,caculator-detail">查看详细月供&gt;</a>
			<div class="chart-list h-debj"></div>
			<p class="bottom-tips">以上结果仅供参考</p>
		</div>
	</div>

	<!--查看详细月供-->
	<div id="xxyg" class="xxyg hide" title="详细月供" style="width: 100%;"></div>

	<!--选择利率-->
	<div class="choose page-xzll hide" id="xzll" title="选择利率">
		<div>
			<select name="gjlilv">
			<option data-sof="2.75" data-sft="3.25" value="3.25">15年10月24日</option><option data-sof="2.75" data-sft="3.25" value="3.25">15年08月26日</option><option data-sof="3" data-sft="3.5" value="3.5">15年06月28日</option><option data-sof="3.25" data-sft="3.75" value="3.75">15年05月11日</option><option data-sof="3.5" data-sft="4" value="4">15年03月01日</option><option data-sof="3.75" data-sft="4.25" value="4.25">14年11月21日</option><option data-sof="4" data-sft="4.5" value="4.5">12年07月06日</option><option data-sof="4.2" data-sft="4.7" value="4.7">12年06月08日</option><option data-sof="4.45" data-sft="4.9" value="4.9">11年07月06日</option><option data-sof="4.2" data-sft="4.7" value="4.7">11年04月05日</option><option data-sof="4" data-sft="4.5" value="4.5">11年02月09日</option><option data-sof="3.75" data-sft="4.3" value="4.3">10年12月26日</option>
			<option value="" class="custom-jz" data-sof="" data-sft="">自定义基准利率</option>
			</select>
		</div>
		<ul class="sf-ratio zk">
			<li class="dui"><a data-sele="1">基准利率</a></li>
			<li><a data-sele="0.7">7折基准利率</a></li>
			<li><a data-sele="0.85">85折基准利率</a></li>
			<li><a data-sele="0.88">88折基准利率</a></li>
			<li><a data-sele="1.1">1.1倍基准利率</a></li>
			<li class="custom-zk">
				<span class="tt">自定义折扣：</span>
				<input type="tel" value="100" class="custom-inp">%
				<span class="sub-btn btn_s">确定</span>
			</li>
		</ul>
		<ul class="custom-lilv hide">
			<li>
				<span class="tt">利率:</span>
				<input type="tel" value="100" class="custom-inp" id="z_tts">%
				<span class="sub-btn s_btn">确定</span>
			</li>
		</ul>
	</div>
</div>
<script src="jsq2016-2.js" type="text/javascript"></script>
</body></html>